<!DOCTYPE html>
<html>

	<head>
		<!--头部公用信息引入-->
		@@include('../../include/metas.html')
		<title>k线图</title>
		<!--样式引入-->
		@@include('../../include/linkcss2.html')
	</head>
	<style type="text/css">
		.upcolor {
			color: #e86d43 !important;
		}
		.downcolor{
			color: #03c088 !important;
		}
	</style>

	<body>
		<section id="k_line">
			@@include('../../include/back2.html')

			<div class="k_main_data" id="cont"></div>
			<script type="text/template" id="temp">
				{%for(var i = 0;i<data.length;i++){%} 
					
					<div class="data_left">
						
					{%if(data[i].change>=0){%}
					<h2 id="nowprice" class="upcolor">{%=data[i].price%}</h2><span class="upcolor" id="fudu">{%=data[i].changePercentage%}</span>
					{%}else{%}
					<h2 id="nowprice" class="downcolor">{%=data[i].price%}</h2><span class="downcolor" id="fudu">{%=data[i].changePercentage%}</span>
					{%}%}								
					</div>
					<div class="data_right">
						<p class="top">
							<span class="title">高</span>
							<span id="hight">
							{%= Number(data[i].high).toFixed(4) %}
						</span>
						</p>
						<p class="down">
							<span class="title">低</span>
							<span class="low">{%= Number(data[i].low).toFixed(4)  %}</span>
						</p>
					</div>
					{%}%}
			</script>

			<div class="k_line">
				<nav>
					<ul class="li_warp" id="nav_change_time">
						<li class="line" data-id='1'>分时</li>
						<li data-id='2'>15分钟</li>
						<li data-id='3'>30分钟</li>
						<li data-id='4'>1小时</li>
						<li data-id='5'>1天</li>
					</ul>
				</nav>
				<div class="big_line"></div>
				<p id="loading">加载中...</p>
				<div id="container" style="height: 300px;">

				</div>
				<div class="big_line"></div>
				<ul class="nav_info">
					<li class="cj_data hov">成交</li>
					<li class="jj_data">简介</li>
				</ul>
				<div class="big_line"></div>
				<div class="data_list">
					<nav>
						<ul class="nav-lis">
							<li class="time">时间</li>
							<li class="dis">方向</li>
							<li class="price">价格(USDT)</li>
							<li class="num">数量(BTC)</li>
						</ul>
						<p style="font-size: 12px; text-align: center;margin-top: 0.4rem;" id="no_data">暂无数据</p>
						<ul class="data-lis" id="cont_cj"></ul>
						<script type="text/template" id="temp_cj">
							{%for(var i=0; i
							<data.length;i++){%} <li>
								<span class="time">{%=data[i].addtime%}</span> {%if(data[i].otype==1){%}
								<span class="dis sell">买入</span> {%}else{%}
								<span class="dis buy">卖出</span> {%}%}

								<span class="price">{%=  data[i].buyprice  %}</span>
								<span class="num">{%=data[i].buynum%}</span>
								</li>

								{%}%}
						</script>

					</nav>
				</div>
				<div class="data_list int" style="display: none;" id="bit_cont"></div>
				<script type="text/template" id="bit_temp">
					<div class="title">{%=data.mark%}</div>
					<ul class="Introduction">

						<li class="lis">
							<span class="name">发行时间</span>
							<span class="mation">{%=data.fxtime%}</span>
						</li>
						<li class="lis">
							<span class="name">发行总量</span>
							<span class="mation">{%=data.fxnum%}</span>
						</li>
						<li class="lis">
							<span class="name">流通总量</span>
							<span class="mation">{%=data.fxnum%}</span>

						</li>
						<li class="lis">
							<span class="name">众筹价格</span>
							<span class="mation">{%=data.fxprice%}</span>

						</li>
						<li class="lis">
							<span class="name">白皮书</span>
							<span class="mation">{%=data.fxbook%}</span>
						</li>
						<li class="lis">
							<span class="name">官网</span>
							<span class="mation">{%=data.fxweb%}</span>
						</li>
					</ul>
					<div class="title">简介</div>
					<p class="btb_info">
						{%=data.memo%}
					</p>

			</div>
			</script>
			<div style="height: 2rem;"></div>
			<!--@@include('../../include/buy.html')-->
			<div class="buy_warp">

				<button class="buy">
				<a href="../../../transaction.html" id="bug_a">买入(做多)</a>	
					
				</button>
				<button class="sell">
					<a href="../../../transaction.html" id="sell_a">卖出(做空)</a>
				</button>
			</div>

		</section>
		@@include('../../include/linkjs2.html')
		<script type="text/javascript">
			k(); //画k线专用js
			transaction.k(); //页面其他逻辑js
			//推送
			var code = code = GetQueryString('code');
			if(code == 'eth_usdt' || code == 'btc_usdt' || code == 'bch_usdt' || code == 'ltc_usdt' || code == 'etc_usdt') {
				tuisong3(1);
			}else{
				//自己造的数据
				tuisong3(2);
			}
			
			
			
		</script>
	</body>

</html>